<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<html>
<head>
	<title>计划详情</title>
	<%@include file="/jsp/public/header.jsp" %>
	<script type="text/javascript">
		/*$(function(){
			//为loginName绑定离焦事件
			$("#loginName").blur(function(){

				var value = $(this).val();
				if(value != null && value.trim().length > 0){
					//发送Ajax，验证当前输入的登录名是否可用
					var url = "${pageContext.request.contextPath}/user/findByLoginName.do";
					$.post(url,{'loginName':$(this).val()},function(data){
						if(data == '0'){
							//当前登录名已经存在，不能使用
							$("#showMsg").html('<font color="red">当前登录名已经存在，不能使用</font>');
						}else{
							$("#showMsg").html('<font color="green">当前登录名不存在，可以使用</font>');
						}
					});
				}else{
					$("#showMsg").html('');
				}
			});
		});*/

/*        $(function() {
            $("#save").onclick(
                function () {
                    if ($("#planName").val() === ""
                        || $("#planContent").val() === ""
                        || $("#description").val() === ""
                        || $("#startTime").val() === ""
                        || $("#endTime").val() === ""
                    ) {
                        //表单选择器,    :input标签type属性值
                        alert("请填写完整信息!");
                        //阻止默认行为
                        return false;
                    }
                })
        })*/

        function valueCheck() {
            if ($("#planName").val() == ""
                || $("#planContent").val() == ""
                || $("#description").val() == ""
                || $("#startTime").val() == ""
                || $("#endTime").val() == ""
            ) {
                //表单选择器,    :input标签type属性值
                alert("请填写完整信息!");
                //阻止默认行为
                return false;
            }
        }


	</script>
</head>

<body>

<!-- 标题显示 -->
<div id="Title_bar">
    <div id="Title_bar_Head">
        <div id="Title_Head"></div>
        <div id="Title"><!--页面标题-->
            <img border="0" width="13" height="13" src="${pageContext.request.contextPath}/style/images/title_arrow.gif"/> 计划信息
        </div>
        <div id="Title_End"></div>
    </div>
</div>

<!--显示表单内容-->
<div id=MainArea>
    <form action="addOrEdit.do" method="post" onsubmit="return valueCheck()">
        <div class="ItemBlock_Title1"><!-- 信息说明 --><div class="ItemBlock_Title1">
        	<img border="0" width="4" height="7" src="${pageContext.request.contextPath}/style/blue/images/item_point.gif" /> 计划信息 </div>
        </div>
        
        <!-- 表单内容显示 -->
        <div class="ItemBlockBorder">
            <div class="ItemBlock">
                <table cellpadding="0" cellspacing="0" class="mainForm">
                    <tr><td>计划标题</td>
                        <td>
                        	<input type="text" value="${workPlan.planName}"  id="planName" name="planName" cssClass="InputStyle"/>
<%--							<div id="showMsg">${msg}</div>--%>
						</td>
                    </tr>
                    <tr><td>计划概要</td>
                        <td>
                        	<input type="text" value="${workPlan.description}" id="description" name="description" placeholder="简述计划要点" cssClass="InputStyle"/>
                        *</td>
                    </tr>

					<tr><td>详细计划描述</td>
                        <td>
                        	<textarea type="text" value="${workPlan.planContent}" id="planContent" placeholder="计划目的、步骤……" name="planContent" cssClass="TextareaStyle">
                                ${workPlan.planContent}
                            </textarea>
                       </td>
                    </tr>
                    <tr><td>计划开始时间</td>
                        <td>
                        	<input type="datetime-local" value="${workPlan.startT}" id="startTime" name="startTime" cssClass="InputStyle"/>
                        </td>
                    </tr>
                    <tr><td>计划结束时间</td>
                        <td>
                        	<input type="datetime-local" value="${workPlan.endT}"
                                   name="endTime" id="endTime" cssClass="InputStyle"/>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

        <!-- 表单操作 -->
        <div id="InputDetailBar">
            <input id="save" type="image" src="${pageContext.request.contextPath}/style/images/save.png"/>
            <a href="javascript:history.go(-1);"><img src="${pageContext.request.contextPath}/style/images/goBack.png"/></a>
        </div>
    </form>
</div>

</body>
</html>

